﻿<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<!--<h1>Book List</h1>-->
<!--<div>-->
<!--  <div>-->
<!--    <h3 [textContent]="book.name"></h3>-->
<!--  </div>-->
<!--  <div>-->
<!--    <h3>{{ book.name }}</h3>-->
<!--  </div>-->

<!--  <div [class]="getClassBinding(1)">-->
<!--    <h2>First book is {{ model.getBookId(1).name}}</h2>-->
<!--  </div>-->

<!--  <div [class]="getClassBinding(2)">-->
<!--    <h2>First book is {{ model.getBookId(2).name}}</h2>-->
<!--  </div>-->

<!--  <button class="btn btn-success" >Submit</button>-->

<!--  <div class="m-3">-->
<!--    <h2><span [style.color]="color">First book</span> is {{ model.getBookId(1).name}}</h2>-->
<!--  </div>-->
<!--  <div class="m-3">-->
<!--    <h2><span [ngStyle]="getStyleBinding(2)" >Second book</span> is {{ model.getBookId(2).name}}</h2>-->
<!--  </div>-->


<!--  <button class="btn btn-success" (click)="onClick()" >Submit</button>-->

<!--  <br>-->
<!--  <input type="text" (keyup)="onKeyUp($event)">-->
<!--  <br>-->
<!--  <h3>Lower - title casepipe</h3>-->
<!--  {{ names }}-->

<!--  <h3>number case</h3>-->
<!--  {{ price }} <br>-->

<!--  {{ price | number:'1.3-3'}}-->

<!--  <h3>Data Case</h3>-->
<!--  {{ today }}<br>-->
<!--  {{ today | date }}<br>-->
<!--  {{ today | date:'short'}} <br>-->
<!--</div>-->

<!--<div @if(model.getBooks().length)>-->
<!--There are {{ model.getBooks().length }} books on the list-->
<!--</div>-->


<!-- Forms -->
<!--<div class="container">-->
<!--  <div class="row">-->
<!--    <div class="col-10">-->
<!--      <div class="m-4">-->
<!--        <div class="bg-primary text-white m-3 p-3">-->
<!--          {{ jsonBook }}-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--          <label for=""> Name </label>-->
<!--          <input required minlength="3"  [(ngModel)]="newBook.name" name="bName" #name="ngModel"  type="text" class="form-control">-->
<!--          <div class="alert alert-danger" *ngIf="!name.valid && name.touched ">-->

<!--            <p *ngFor="let error of getValidationErrors(name)">-->
<!--              {{ error }}-->
<!--            </p>-->
<!--            &lt;!&ndash;            name is required&ndash;&gt;-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--          <label for=""> Writer </label>-->
<!--          <input  [(ngModel)]="newBook.writer"  type="text" class="form-control">-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--          <label for=""> Price </label>-->
<!--          <input  [(ngModel)]="newBook.price"  type="text" class="form-control">-->
<!--        </div>-->
<!--        <button (click)="addBook(newBook)" class="btn btn-primary">Submit</button>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
<!--</div>-->

<!-- http module -->
<post></post>


</body>
</html>
